<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
		<title>首页</title>
	</head>
	<body>
		<div id="web">
			<div class="section  page1">
				<div class="yuan">
					<div class="zhong">
						<div class="xiao">
						</div>
					</div>
				</div>
				<div class="kuang">
					<!--<div class="dian">
						  
					</div>
					<div class="dian1">
						
					</div>
					<div class="dian2">
						
					</div>
					<div class="dian3">
						
					</div>
					<div class="dian4">
						
					</div>-->
					<div class="one">
						<img src="img/page1_p11.png"/>
					</div>
					<div class="two">
						<img src="img/page1_p10.png"/>
					</div>
					<div class="three">
						<img src="img/page1_p5.png"/>
					</div>
					<div class="four">
						<img src="img/page1_p3.png"/>
					</div>
					<div class="five">
						<img src="img/page1_p1.png"/>
					</div>
					<div class="six">
						<img src="img/page1_p2.png"/>
					</div>
					<div class="seven">
						<img src="img/page1_p4.png"/>
					</div>
					<div class="eight">
						<img src="img/page1_p9.png"/>
					</div>
					<div class="nine">
						<img src="img/page1_p4.png"/>
					</div>
					<div class="logo">
						<img src="img/page1_h1.png"/>
					</div>
					<div class="yao">
						<img src="img/o_1cd3qau214is8ss1a0fl151idq1t.png"/>
					</div>
					<div class="qing">
						<img src="img/o_1cd3qau21dp713gb102h1cu613su1u.png"/>
					</div>
					<div class="han">
						<img src="img/o_1cd3qau21ckibde8s718m1tlr1v.png"/>
					</div>
				</div>
			</div>
			<div class="section page2">
				<div class="yuan">
					<div class="zhong">
						<div class="xiao">
						</div>
					</div>
				</div>
					<div class="kuang">
						<div class="ones">
							<img src="img/page1_p4.png"/>
						</div>
						<div class="twos">
							<img src="img/page1_p2.png"/>
						</div>
						<div class="threes">
							<img src="img/page1_p5.png"/>
						</div>
						<div class="twowz">
							<h3>诚挚邀请</h3>
							<p>六一儿童节即将到来，</p>
							<p>为此，我们安排了丰富多彩的节目，挚诚的邀请您参加，为了活动更好的开展，我们做了如下安排：</p>
							<p>时间：6月1日9.30-11.30</p>
							<p>地点：xx幼儿园操场</p>
							<p>温馨提示：</p>
							<p>活动后，请您进班接孩子，拿到幼儿接送卡，出校门出示接送卡。（如果您路途遥远，请安排好家人于11.30在家接孩子。）</p>
							</div>
						
						<div class="">
							
						</div>
					</div>
				
				
			</div>
			<div class="section page3">
				<div class="yuan">
					<div class="zhong">
						<div class="xiao">
						</div>
					</div>
				</div>
				<div class="kuang">
						<div class="onet">
							<img src="img/page1_p4.png"/>
						</div>
						<div class="twot">
							<img src="img/page1_p3.png"/>
						</div>
						<div class="threet">
				 			<img src="img/page1_p2.png"/>
						</div>
						<div class="fourt">
							<img src="img/page1_p9.png"/>
						</div>
						<div class="pink">
							
						</div>
						<div class="jmd">
								<h3>节目单</h3>
						</div>
						<div class="hjm">
								<p>唱歌表演《我上幼儿园》</p>
								<p>表演者：毛毛</p>
						</div>
						<div class="ljm">
								<p>舞蹈表演《太阳花》</p>
								<p>表演者：撕撕</p>
						</div>
						<div class="hjm1">
								<p>唱歌表演《我上幼儿园》</p>
								<p>表演者：毛毛</p>
						</div>
						<div class="ljm1">
								<p>舞蹈表演《太阳花》</p>
								<p>表演者：撕撕</p>
						</div>
						<div class="hjm2">
								<p>唱歌表演《我上幼儿园》</p>
								<p>表演者：毛毛</p>
						</div>
						<div class="ljm2">
								<p>舞蹈表演《太阳花》</p>
								<p>表演者：撕撕</p>
						</div>
				</div>
			</div>
			<div class="section page4">
				<div class="yuan">
					<div class="zhong">
						<div class="xiao">
						</div>
					</div>
				</div>
				<div class="kuang">
						<div class="onet">
							<img src="img/page1_p4.png"/>
						</div>
						<div class="twof">
							<img src="img/page1_p10.png"/>
						</div>
						<div class="threef">
							<img src="img/page1_p5.png"/>
						</div>
						<div class="pink">
							<p>9：00-9：30</p>
							<p>9：30-10：00</p>
							<p>10：00-11：00</p>
							<p>11：00-11：30</p>
							<p>11：00-11：30</p>
							<p>11：50</p>
						</div>
						<div class="red">
							<h3>活动流程</h3>
						</div>
						<div class="reds">
							<p>各班化妆时间</p>
							<p>各班T台秀展示</p>
							<p>亲自通关游戏</p>
							<p>颁奖</p>
							<p>合影</p>
							<p>活动结束</p>
						</div>
				</div>
			</div>
			<div class="section page5">
				<div class="yuan">
					<div class="zhong">
						<div class="xiao">
						</div>
					</div>
				</div>
				<div class="kuang">
						<div class="onet">
							<img src="img/page1_p4.png"/>
						</div>
						<div class="threef">
							<img src="img/page1_p5.png"/>
						</div>
						<div class="wqhg">
							<h3>往期回顾</h3>
						</div>
						<div class="hgk">
							<img src="img/o_1c90n16v61hm61pn3acs7tl1cmsb.jpg"/>
						</div>
						<div class="hgxk">
							<img src="img/o_1c90n16v710b0eu9un619491nqud.jpg"/>
							<img src="img/o_1c90n16v717pu1v9g7rn1gk31fgjc.jpg"/>
						</div>
						<div class="hgks">
							<img src="img/o_1cd4df5po1kkt1uohs5p1cak7h39.jpg"/>
						</div>
				</div>
			</div>
			<div class="section page6">
				<div class="yuan">
					<div class="	zhong">
						<div class="xiao">
						</div>
					</div>
				</div>
				<div class="kuang">
						<div class="one">
							<img src="img/page1_p11.png"/>
						</div>
						<div class="onet">
							<img src="img/page1_p4.png"/>
						</div>
						<div class="six">
							<img src="img/page1_p2.png"/>
						</div>
						<div class="seven">
							<img src="img/page1_p4.png"/>
						</div>
						<div class="eight">
							<img src="img/page1_p9.png"/>
						</div>
						<div class="nine">
							<img src="img/page1_p4.png"/>
						</div>
						<div class="pink">
							<h3>电话：010-888888</h3>
							<div class="left">
								<div class="tu">
									<img src="img/o_1cbvv39jhqd21u43kiala1q5q3a.jpg"/>
								</div>
								<div class="zi">
								<p>本次活动不收取任何费用，请家长悉知</p>
								</div>
							</div>
						</div>
						<div class="jmds">
								<h3>活动报名</h3>
						</div>
						<div class="hjms">
								<p>姓名</p>
						</div>
						<div class="ljms">
								<p>电话</p>
						</div>
						<div class="hjmt">
								<p>班级</p>
						</div>
						<div class="ljmt">
								<p>到场人数</p>
						</div>
						<div class="hjmf">
							<p style="text-align: center;">提交</p>
						</div>
				</div>
			</div>
			
		</div>
		
		
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/jquery.fullPage.min.js"></script>
		<script>
    
        
		document.body.style.height = window.innerHeight + "px";
		
        /*动态改变根元素字体大小*/
        function recalc() {
            var clientWidth = document.documentElement.clientWidth;
            if(!clientWidth) return;
            document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
                                        // 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
        }

        function initRecalc() {
            recalc();
            var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
            if(!document.addEventListener) return;
            window.addEventListener(resizeEvt, recalc, false);
            document.addEventListener('DOMContentLoaded', recalc, false);
        }
        initRecalc();
    
    
    
    		</script>
		<script type="text/javascript">
			$("#web").fullpage({

//				sectionsColor:["#ff0000","#00ff00","#0000ff"],
//				navigation:true,
			})
			document.body.style.opacity=1;
		</script>
	</body>
</html>
